<template>
	<navigator class="my-seach" url="/pages/search/search">
		<uni-icons type="search" color="#fff" size="18"></uni-icons>
		<text class="search-text"><slot></slot></text>
	</navigator>
</template>

<script>
import { mapState } from 'vuex';
	export default {
		data() {
			return {
				
			}
		},
		computed:{
			...mapState(['themeType'])
		},		
		methods: {
			
		}
	}
</script>

<style lang="scss">
.my-seach{
	box-sizing: border-box;
	height: 84rpx;
	line-height: 84rpx;
	border-radius: 42rpx;
	padding:0 30rpx;
	color: #FFFFFF;
	background-color: #707070;
	.search-text{
		padding-left: 10rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
</style>
